<template>
  <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleTabClick">
    <el-tab-pane label="节假日设置" name="holiday">
      <HolidaySettingList />
    </el-tab-pane>
    <el-tab-pane label="积分规则设置" name="rules">
      <Rules v-if="activeName === 'rules'" />
    </el-tab-pane>
    <el-tab-pane label="续费预警设置" name="alert">
      <Alert v-if="activeName === 'alert'" />
    </el-tab-pane>
  </el-tabs>
</template>

<script setup>
import HolidaySettingList from "./holidaySettings/list.vue";
import Rules from "@/views/marketing/points/settings.vue";
import Alert from "@/views/salesCenter/renewalAlert/settings.vue";
const activeName = ref("holiday");

const handleTabClick = async (tab, event) => {
  // if (tab.paneName == "rules") {
  //   rulesRef.value.openW();
  // }
};
</script>

<style lang="scss" scoped></style>
